<template>
    <InputComp>
        <template #input="{element}">
            <el-input placeholder="请输入姓名" v-model="element.form" ></el-input>
        </template>
    </InputComp>
</template>

<script setup lang="ts">
import { ref } from 'vue'

// const list = ref(
//     [
//         {
//             name: '交易编号',
//             key: 'outTradeNo',
//             type: 'text',
//             placeholder: '请输入交易电话',
//             style: "width: 150px;",
//             options: [],
//             form: ''
//         },
//         {
//             name: '收货人',
//             key: 'consignee',
//             type: 'text',
//             placeholder: '请输入收货人',
//             style: "width: 150px;",
//             options: [],
//             form: ''
//         },
//         {
//             name: '收货人电话',
//             key: 'consigneeTel',
//             type: 'text',
//             placeholder: '请输入收货人电话',
//             style: "width: 150px;",
//             options: [],
//             form: ''
//         },
//         {
//             name: '收货地址',
//             key: 'deliveryAddress',
//             type: 'text',
//             placeholder: '请输入收货地址',
//             style: "width: 150px;",
//             options: [],
//             form: ''
//         },
//         {
//             name: '订单状态',
//             key: 'orderStatus',
//             type: 'select',
//             placeholder: '订单状态',
//             style: "width: 150px;",
//             options: [
//                 {
//                     label: '已支付',
//                     value: 'PAID'
//                 },
//                 {
//                     label: '未支付',
//                     value: 'UNPAID'
//                 },
//                 {
//                     label: '已签收',
//                     value: 'FINISH'
//                 }
//             ],
//             form: ''
//         },
//         {
//             name: '创建时间',
//             key: 'createTimeBegin',
//             type: 'datetime',
//             placeholder: '创建时间',
//             style: "width: 150px;",
//             options: [],
//             form: {

//             }
//         },
//         {
//             name: '过期时间',
//             key: 'createTimeEnd',
//             type: 'datetime',
//             placeholder: '过期时间',
//             style: "width: 150px;",
//             options: [],
//             form: ''
//         }
//     ]
// )

</script>

<style lang="scss" scoped>

</style>